
/* Structure de BASE */

body {
	font-size: 0.8em;
	height:100%;
	letter-spacing: 0.05px;
}

a {
	text-decoration: none;
          color:#707070;
}

h1 {
	text-align: center;
	font-size: 1.1em;
	text-shadow: none;
} 

th, td {
 	text-shadow: none;
        /*color:#707070;*/
        border-bottom: 1px solid white;
 }
 
 th{
     font-size: 14px;
     font-weight: bold;
     color:#202020;
 }
 

input[type=search] {
	margin: 5px 0;
}

/* Changement de la couleur des placeholder */
textarea:-webkit-textarea-placeholder,  input::-webkit-input-placeholder {
	color:grey;
	text-align: center;
	letter-spacing: 0.2px;
	text-shadow: none;
	font-weight: normal;
}

.rechercheClient::-moz-placeholder {
    color: #000;
    text-shadow: none;
}


 textarea:-moz-placeholder , input:-moz-placeholder {
 	color:grey;
	text-align: center;
	letter-spacing: 0.2px;
	text-shadow: none;
	font-weight: normal;

 }
 
/*****************************/ 
/* Structure de JQuery Mobile */
/*****************************/

.ui-header, .ui-footer {
	height:auto;
}

.ui-bar-b{
	border:1px solid #456f9a;
    background:#e7cedb;
    color:#fff;
    font-weight:bold;
    text-shadow:0 1px 0 #3e6790;
    background-image:-webkit-gradient(linear,left top,left bottom,from( #6facd5 ),to( #497bae ));
    background-image:-webkit-linear-gradient( #6facd5,#497bae );
    background-image:-moz-linear-gradient( #6facd5,#497bae );
    background-image:-ms-linear-gradient( #6facd5,#497bae );
    background-image:-o-linear-gradient( #6facd5,#497bae );
    background-image:linear-gradient( #6facd5,#497bae )

}

.ui-header .ui-title,.ui-footer .ui-title {
	min-height:1.1em;
	text-align:center;
	font-size:16px;
	display:block;
	padding:0;
	text-overflow:ellipsis;
	white-space:nowrap;
	outline:0!important
}

.ui-header .ui-title{
	margin:0em 2px 0.8em
	
}

.ui-body-a,.ui-overlay-a{
    border:1px solid #707070;
    background:#dfdfdf;
    color:#111;
    text-shadow:0 1px 0 #111;
    font-weight:normal;
    background-image:-webkit-gradient(linear,left top,left bottom,from( #707070 ),to( #dfdfdf ));
    background-image:-webkit-linear-gradient( #707070,#dfdfdf );
    background-image:-moz-linear-gradient( #707070,#dfdfdf );
    background-image:-ms-linear-gradient( #707070,#dfdfdf );
    background-image:-o-linear-gradient( #707070,#dfdfdf );
    background-image:linear-gradient( #707070,#dfdfdf )
}

.ui-content{
	width: 94%;
	margin: 18px auto;
    border-width:0;
    overflow:visible;
    overflow-x:hidden;
    padding:0px;
} 

.ui-grid-b {
   height: 2em;
   overflow: hidden;
}

.ui-btn-inner {
	font-size: 0.8em;
}

.ui-block-a{
    width:30%; 
    margin-left:0%;
    margin-right:0%;
}
.ui-block-c{
    width:30%; 
    margin-left:0;
    margin-right:0%;
}
.ui-block-b {
    width:30%; 
    margin-left:0%;
    margin-right:0%;

}

.ui-block-bchamps-recherche{
    width : 12%;
}

/*****************************/
/*********** ID ***************/
/*****************************/

#rechercheClient{
color:#111;    
}



#menu-top, #menu-bottom {
	margin-bottom: 2.5px;
}

/* Les trois boutons du bas de la barre de navigation */
#bouton-suppr, #bouton-modif, #bouton-ajout {
	  margin-top: 3px;
	 border-radius: 15px;
/* 	 padding-bottom: -5px; */
}

/* Les trois boutons du haut de la barre de navigation */
#bouton-home, #bouton-menu, #bouton-auth {
	 margin-top: 4px;
	 border-radius: 15px;
/* 	 padding-top: -5px; */
}


#bouton-home, #bouton-suppr  {
	width:30%;
	 margin-left:2.5%;
	 margin-right:0%;
	 font-size: 0px;
}

#bouton-menu, #bouton-modif {
	width:30%;
	 margin-right:2.5%;
	 margin-left:2.5%;
	 font-size: 0px; 
}

#bouton-auth, #bouton-ajout {
	width:30%;
	 margin-right:2.5%;
	  margin-left:0%;
	  font-size: 0px;
}

#zoneGaucheSaisieAccueil {
	width: 65%;
	margin-left: 4px;
	float:left;
}

#zoneDroiteAccueilRecherche {
	width: 30%;
	float:right;
	margin-right: 3px;
}

#boutons-choix-accueil {
	width: 10%;
}

#entete-client {
	border-radius: 10px 10px 10px 10px;
	padding: 5px;
	max-width: 75%;
	margin: 5px auto;
	text-shadow: 0 2px 2px #000000;
	font-size: 1.2em;
	color: white;
}

#connexion_refusee {
	
	max-width: 30%;
	margin: 10% auto;
	font-size: 114%;
	text-shadow: none;
	border-radius: 15px 15px 15px 15px;
	color: rgb(255, 255, 255);
	padding: 25px;
	text-align: center;

}

/* CLASSES  */

.erreur {
		background-color: orange;
		padding: 10px;
		color: white;
		text-align: center;
		margin: auto;
		border-radius: 15px 15px 15px 15px;
		width: 60%;
}

.succes {
		background-color: #008000;
	    border-radius: 15px 15px 15px 15px;
	    color: #FFFFFF;
	    margin: auto;
	    padding: 10px;
	    text-align: center;
	    width: 60%;
}

.aucun {
		background-color: orange;
		padding: 10px;
		color: white;
		text-align: center;
		margin: auto;
		border-radius: 15px 15px 15px 15px;
		width: 60%;
}

.div_centre{
    text-align: center;
}

.affichage_fiche{
       padding: 0px 15px;
}

.aff_infos_codes{
    color:#707070;
}

 .th_tableau{
    font-size: 14px;
     font-weight: bold;
     color:#202020;
     border-bottom: 2px solid black;
     
 }
 
 .fond_rouge{
 	background-color: 	#b21010;
 }

 
